<!-- add by lty 20181222 -->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>查看详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="./service/css/style.css">
    <link rel="stylesheet" href="./service/css/common.css">
    <link rel="stylesheet" href="./service/css/serverDetail.css">
      <!-- 插件js -->
	<script src="./js/zepto.js"></script>
	<script src="./js/sm.js" ></script>
	<script src="./js/sm-extend.js" ></script>
	<script src="./js/request.js"></script>
	<script src="./service/js/jquery/3.2.1/jquery.min.js"></script>
	<script src="../js/common.js"></script>
	<script src="./js/allServer.js" ></script>
	
    <script type="text/javascript">
	window.$$=window.Zepto = Zepto;
	</script>
	<style type="text/css">
	.tolink{
	text-align: -webkit-center;
    margin-top: 10px;
    font-size: 15px;
    color: cornflowerblue;
    cursor: pointer;
    border: 1px solid #ddd;
    width: 80%;
    border-radius: 8px;
    margin-left: 10%;
    padding : 10px;
    background:  #FF9900;
    color: #fff;
	}
	select{
	margin-top: 20px;
	width: 50%;
    height: 35px;
    border-radius: 7px;
	}
	</style>
  </head>
  <body>
    <div class="page">
      <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left" href="javascript:window.history.back();" data-transition='slide-out'>
          <span class="icon icon-left"></span>
        </a>
        <h1 class="title">查看详情</h1>
      </header>

      <!-- 主体内容 -->
      <div class="T_content">
        <!-- 地址 -->
        <div class="service_address cl">
          <i class="icon icon-location fl"></i>
          <div class="address--line fl">
            <span class="address--name">姓名</span>
            <span class="address--phone">15626486938</span>
            <p class="address--detail esp1" style="white-space : normal;">珠海高新区香山小区7栋1803室</p>
          </div>
        </div>
        
        <!-- 保洁套餐 -->
        <div class="clean--detail">
          <p class="clean_detail--title">保洁套餐</p>
          <div class="clean_detail--goods cl">
            <p class="goods-img fl">
              <img id="logo" src="./service/images/reportList/i-f7.png" alt="">
            </p>
            <div class="detail--goods_text fl">
              <p class="p1">日常保洁套餐</p>
              <p class="p2 esp2">一月四次日常保洁，轻松享受干净家居生活</p>
            </div>
          </div>
          <div class="goods_detail--list">
            <ul>
              <!-- <li class="cl">
                <span class="sp01 fl">购买套餐数量</span>
                <span class="sp02 fr">3份</span>
              </li> -->
              <li class="cl">
                <span class="sp01 fl">套餐包含服务小时</span>
                <span class="sp02 fr count"><!-- 12份 --></span>
              </li>
               <li class="cl">
                <span class="sp01 fl">应付款</span>
                <span class="sp02 fr">343元</span>
              </li>
              <li class="cl">
                <span class="sp01 fl">金额</span>
                <span class="sp02 fr money"><!-- 343元 --></span>
              </li>
              <li class="cl">
                <span class="sp01 fl">下单日期</span>
                <span class="sp02 fr date"><!-- 2018.10.25 --></span>
              </li>
              <li class="cl">
                <span class="sp01 fl">预约服务时间：</span>
                <span class="sp02 fr " id="start_serviceDate"><!-- 2018.10.25 --></span>
              </li>
             <li class="cl">
                <span class="sp01 fl">订单状态：</span>
                <span class="sp02 fr " id="status"><!-- 2018.10.25 --></span>
              </li>
             <li class="cl">
                <span class="sp01 fl">订单支付状态：</span>
                <span class="sp02 fr " id="payStatus"><!-- 2018.10.25 --></span>
              </li>
            </ul>
          </div>
          <ul>
          	<li>
         <span class="sp01 fl" style="margin-top: 25px;">订单操作：</span>
          <select id="opt_status">
          <option value=""></option>
        	<option value="0">待接单</option>
        	<option value="1">等待服务</option>
        	<option value="2">服务中</option>
        	<option value="3">已完成</option>
        	<option value="4">取消</option>
        </select>
        </li>
         <li>
          	<span class="sp01 fl" style="margin-top: 25px;">支付操作：</span>
          <select id="opt_payStatus">
          <option value=""></option>
        	<option value="0">未支付</option>
        	<option value="1">已支付,待确认</option>
        	<option value="2">确认已支付</option>
          </select>
        </li>
          </ul>

         
         <button id="saveBtn" style="margin-top: 30px;width: 90%; margin-left: 5%;height: 40px;background: #0894ec;box-shadow: none;border:none;border-radius:8px;">确定</button>
        </div>
        
      </div>
    </div>
    <script type="text/javascript">
    var orderId = Request.queryString("orderId");
    var path = "/LanJuPublic";
    $(function(){
    	allServer.queryPackageDetail();
    })
    var statusArr = {
    	"0":"待接单",
    	"1":"等待服务",
    	"2":"服务中",
    	"3":"已完成",
    	"4":"取消"
    }
    var paystatusArr = {
    	"0":"未支付",
    	"1":"已支付,待确认",
    	"2":"确认已支付"
    }
    
    
    function formatDate(a) { 
    	var now= new Date(a);   
    	var year=now.getFullYear(); 
    	var month=now.getMonth()+1; 
    	var date=now.getDate(); 
    	var hour=now.getHours(); 
    	var minute=now.getMinutes(); 
    	var second=now.getSeconds(); 
    	return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;   
    	} 
    $(".tolink").click(function (){
    	window.location.href="../cleanComment.html?orderId="+orderId;
    });
    $("#saveBtn").click(function (){
    	allServer.updatePayStatus();
    })
    </script>
  </body>
</html>